<template>
  <div class="wrapper">
    <div class="circle-progress">
      <el-progress
        type="circle"
        :percentage="percent"
        :stroke-width="11"
        :show-text="false"
        color="#337dff"
        stroke-linecap="square"
      >
      </el-progress>
      <div class="progress-text">
        <span>防篡改授权数</span>
        <p>{{ this.licenseNum }}个</p>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  props: {
    percent: {
      type: Number
    },
    licenseNum: {
      type: Number
    }
  },
  data() {
    return {}
  },
  computed: {},
  methods: {},
  created() {},
  mounted() {}
}
</script>
<style lang="scss" scoped>
.circle-progress {
  position: relative;
  width: 120px;
  height: 120px;
  margin: 0 auto;
  .progress-text {
    position: absolute;
    bottom: 35px;
    font-size: 12px;
    left: 29px;
    text-align: center;
    p {
      font-size: 16px;
      color: #337dff;
      font-weight: 400;
    }
  }
}
</style>
